<template>
	<view class="top-logo-area" :style="{top: top+'px'}">
		<img src="../../static/top_logo.png"></img>
	</view>
</template>

<script>
	export default {
		name: "topLogo",
		props: {
			top: {
				type: String,
				default: function() {
					return '30';
				}
			},
		},
		data() {
			return {

			};
		},

		methods: {
		}
	}
</script>

<style lang="scss">
	.top-logo-area {
		padding: 0 60rpx;
		position: absolute;
		top: 60rpx;
		left: 0;
		z-index: 9;

		img {
			margin: 0 auto;
			width: 100%;
			display: block;
		}
	}
</style>